<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>主页</title>
		<link rel="stylesheet" href="head.css">
	</head>
	<style>
		body {
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
			margin: 0;
			padding: 0;
			background-color: #f7f9fc;
			color: #333;
			line-height: 1.6;
			display: flex;
			flex-direction: column;
			min-height: 100vh;
		}
	</style>
	<body>
		<section class="hero-section">
			<h1 class="hero-title">三国杀模拟器主页</h1>
			<h2 class="hero-title">V7.8.3.62</h2>
			<h3 class="hero-title">请尽量使用Windows系统以获得最优的体验效果</h3>
			<h3 class="hero-title">gitcode已终止更新于V7.8.3.62</h3>
			<div class="nav-buttons">
				<button class="nav-button"><a href="index.html">切换到新版</a></button>
			</div>
		</section>

		<div class="main-content">
			<div class="feature-grid">
				<a href="jushou.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">沮爹模拟器（纯随机版）</h2>
						<span class="btn-primary">开始模拟</span>
					</div>
				</a>
				<a href="jushouhlq.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">沮爹模拟器（红利期版）</h2>
						<span class="btn-primary">开始模拟</span>
					</div>
				</a>
				<a href="versionjs.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">更新日志</h2>
						<span class="btn-primary">查看更新</span>
					</div>
				</a>
				<a href="simulatorno.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">模拟器（无技能版）</h2>
						<span class="btn-primary">开始模拟</span>
					</div>
				</a>
				<a href="dabao.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">大宝模拟器</h2>
						<span class="btn-primary">开始模拟</span>
					</div>
				</a>
				<a href="OSjushou.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">沮爹模拟器开源教学网页</h2>
						<span class="btn-primary">查看内容</span>
					</div>
				</a>
				<a href="code comparison js.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">洗牌代码对比页面</h2>
						<span class="btn-primary">查看内容</span>
					</div>
				</a>
				<a href="code-display.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">沮授模拟器（单机版代码复制）</h2>
						<span class="btn-primary">跳转复制代码</span>
					</div>
				</a>
				<a href="stand alone js.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">沮授模拟器（单机版效果）</h2>
						<span class="btn-primary">跳转页面</span>
					</div>
				</a>
				<a href="xbj.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">面杀小标记</h2>
						<span class="btn-primary">查看内容</span>
					</div>
				</a>
				<a href="suiji.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">面杀随机标记</h2>
						<span class="btn-primary">查看内容</span>
					</div>
				</a>
				<a href="deck.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">自定义牌堆编辑器</h2>
						<span class="btn-primary">查看内容</span>
					</div>
				</a>
				
				<a href="zgl.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">友诸葛亮标记</h2>
						<span class="btn-primary">查看内容</span>
					</div>
				</a>
				<a href="MIT LICENSE.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">MIT LICENSE协议页面</h2>
						<span class="btn-primary">查看内容</span>
					</div>
				</a>
				<a href="zz.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">作者页面</h2>
						<span class="btn-primary">查看内容</span>
					</div>
				</a>
				<a href="bug.html" class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">问题反馈</h2>
						<span class="btn-primary">查看内容</span>
					</div>
				</a>
				<a href="https://github.com/1145141919810TONNY/sgsmoniqi/archive/refs/heads/main.zip"
					class="feature-card" target="_blank">
					<div class="card-content">
						<h2 class="card-title">从GitHub下载完整ZIP/获取最新ZIP</h2>
						<span class="btn-primary">点击下载</span>
					</div>
				</a>
			</div>

			<div class="update-highlight">
				<h3 class="update-title">最新版本更新内容 V7.8.3.62</h3>
				<div class="update-content">
					<ul class="version-list">
						<li>1.将版本更新信息页面的展示优化：除了最新版本信息外，其余将会按照大版本分类折叠，这将大幅减少本页面的长度</li>
					</ul>
				</div>
			</div>
		</div>

		<button id="backToTopBtn">回到顶部</button>

		<footer class="site-footer">
			<div class="author-info">
				<p>
					作者： <a href="https://space.bilibili.com/87412647?spm_id_from=333.1007.0.0"
						target="_blank">bilibili月が綺麗ですね_</a><br />
					联系方式：<a href="mailto:3099637681@qq.com" target="_blank">3099637681@qq.com（QQ同号）</a><br />
					有什么新功能或建议欢迎骚扰（著名来意）<br />
					<a href="https://1145141919810tonny.github.io/sgsmoniqi/" target="_blank">点击此处使用GitHub Pages在线服务</a>
				</p>
			</div>
			<div class="code-update">
				<a href="https://www.bilibili.com/read/readlist/rl929858?spm_id_from=333.1387.0.0" target="_blank"
					class="bili-btn" rel="noopener noreferrer">
					[bilibili]获取更新动态
				</a>
				<a href="https://github.com/1145141919810TONNY/sgsmoniqi/" target="_blank" class="github-btn"
					rel="noopener noreferrer">
					[GitHub]获取后续代码更新
				</a>
				<a href="https://gitcode.com/TONNY114514/sgsmnq?source_module=search_project" target="_blank"
					class="gitcode-btn" rel="noopener noreferrer">
					[GitCode]获取后续代码更新(国内git)
				</a>
			</div>
			<div class="license-notice">
				<p>
					Copyright &copy; <span id="copyright-year">2025</span> bilibili 月が綺麗ですね_<br />
					Released under the
					<a href="MIT LICENSE.html" title="查看MIT许可证" class="license-link" target="_blank">
						MIT License
					</a>
				</p>
				<p class="i18n-annotation">
					(法律条款以英文版<a href="MIT LICENSE.html" target="_blank">LICENSE</a>文件为准)
				</p>
			</div>
		</footer>
		<script>
			// 获取按钮
			const backToTopBtn = document.getElementById('backToTopBtn');

			// 滚动事件监听，控制按钮显示隐藏
			window.addEventListener('scroll', () => {
				if (window.scrollY > 200) { // 当滚动距离大于200时显示按钮
					backToTopBtn.style.display = 'block';
				} else {
					backToTopBtn.style.display = 'none';
				}
			});

			// 点击按钮回到顶部
			backToTopBtn.addEventListener('click', () => {
				window.scrollTo({
					top: 0,
					behavior: 'smooth' // 平滑滚动
				});
			});
		</script>
	</body>
</html>
